﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<UnliQ.Web.Models.LoginModel>" %>

<!DOCTYPE html>
<html>
<head id="loginHead" runat="server">
    <meta charset="utf-8" />
    <title>
       UnliQ
    </title>
    <link id="Link1" runat="server" rel="shortcut icon" href="~/favicon.ico" type="image/x-icon" />
    <link id="Link2" runat="server" rel="icon" href="~/favicon.ico" type="image/ico" />
    <meta name="viewport" content="width=device-width" />
    <%: Styles.Render("~/Content/css") %>
    <%: Styles.Render("~/Content/themes/flat/css") %>
    <%: Styles.Render("~/Content/themes/base/css") %>
    <%: Scripts.Render("~/bundles/modernizr") %>
</head>
<body>
    <div class="login">
        <div style="width:100%; padding: 20px; border-radius: 6px; background-color:#34495e">
            <div>
                <div class="login-icon" style="float: left">
                    <img src="../images/unliQ-C.png" alt="Welcome to Mail App" />
                    <h4>
                        Welcome to <small>unliQ</small></h4>
                </div>
                <% using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl }))
                   { %>
                <%: Html.AntiForgeryToken() %>
                <%: Html.ValidationSummary(true) %>
                <div class="login-form" style="float: left">
                    <div class="control-group">
                        <%: Html.TextBoxFor(
                    m => m.UserName, 
                    new { 
                        placeholder = "Enter your user name", 
                        @class="login-field",
                        id="login-name" 
                  })%>
                        <label class="login-field-icon fui-man-16" for="login-name">
                        </label>
                    </div>
                    <div class="control-group">
                        <%: Html.PasswordFor(
                    m => m.Password, 
                    new { 
                        placeholder = "Password", 
                        @class="login-field",
                        id="login-pass" 
                  })%>
                        <label class="login-field-icon fui-lock-16" for="login-pass">
                        </label>
                    </div>
                    <input type="submit" value="Log in" class="btn btn-info btn-large btn-block" id="btn-login" />
                </div>
                <div style="clear: both">
                </div>
            </div>
        </div>
        <% } %>
    </div>
</body>
</html>
